<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>物流信息</title>
    <meta name="description" content="这是一个订订单信息面">
    <meta name="keywords" content="物流信息">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="${contextPath}/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="${contextPath}/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="${contextPath}/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${contextPath}/assets/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="${contextPath}/assets/css/app.css">
    <script src="${contextPath}/assets/js/jquery.min.js"></script>

</head>

<body data-type="widgets">
<script src="${contextPath}/assets/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 头部 -->
    <#include "/pc/common/header.html" />
    <!-- 内容区域 -->
    <div class="tpl-content-wrapper  active">
        <div class="row-content am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <ol class="am-breadcrumb widget-head">
                            <li><a href="${contextPath}/index.htm" class="am-icon-home">首页</a></li>
                            <li>订单管理</li>
                            <li>物流信息</li>
                        </ol>
                        <div class="widget-body am-u-lg-12 am-g">
                            <#if express?? && express.success>
                                <div class="am-u-sm-12">
                                    <div class="am-u-sm-4"><h1>快递公司名称: <span class="am-text-primary"> ${express.company!}</span></h1></div>
                                    <div class="am-u-sm-4"><h1>物流运单号: <span class="am-text-primary">${express.logisticCode!}</span></h1></div>
                                    <div class="am-u-sm-4"><h1>物流状态: <span class="am-text-primary">${express.state!}</span></h1></div>
                                </div>
                                <div class="am-u-sm-12">
                                    <ul class="am-list am-list-static">
                                        <#if express.traces??>
                                            <#list express.traces?reverse as t>
                                            <li>【${t.acceptTime!}】  ${t.acceptStation!}</li>
                                            </#list>
                                        </#if>
                                    </ul>
                                </div>
                                <#else>
                                    <div class="am-u-sm-12">
                                    <h1>暂无物流信息</h1>
                                    </div>
                            </#if>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<#include "/pc/common/alert.html" />
<script src="${contextPath}/assets/js/amazeui.min.js"></script>
<script src="${contextPath}/assets/js/amazeui.datatables.min.js"></script>
<script src="${contextPath}/assets/js/dataTables.responsive.min.js"></script>
<script src="${contextPath}/assets/js/amazeui.page.js"></script>
<script src="${contextPath}/assets/js/app.js"></script>
</body>

</html>